<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>Swiper demo</title>
		<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">

		<!-- Link Swiper's CSS -->
		<link rel="stylesheet" href="css/swiper.min.css">
		<link rel="stylesheet" type="text/css" href="css/animate.min.css" />

		<link rel="stylesheet" type="text/css" href="css/style.css" />
	</head>

	<body>
		<!-- Swiper -->
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide one">
					<img src="images/huawen.png" class="huawen" />
					<div class="title">
						<h1 class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="2s" swiper-animate-delay="0.1s">后盾IT教育</h1>
					</div>
				</div>
				<div class="swiper-slide two">
					<img src="images/2-1.jpg" class="top" />
					<div class="bottom">
						<span class="title ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1.5s" swiper-animate-delay="0.1s">后盾网50期毕业学员全部高薪就业</span>
						<span class="xingao ani" swiper-animate-effect="bounceIn" swiper-animate-duration="1.5s" swiper-animate-delay="2.1s">再创新高</span>
						<span class="xinshui ani" swiper-animate-effect="bounceInDown" swiper-animate-duration="1.5s" swiper-animate-delay="0.8s">17000<span>元</span></span>
						<span class="yiban ani" swiper-animate-effect="zoomIn" swiper-animate-duration="1.5s" swiper-animate-delay="2.1s">50%以上的学员薪资过万！</span>
						<span class="xiangqing ani" swiper-animate-effect="zoomIn" swiper-animate-duration="1.5s" swiper-animate-delay="3s">一个史无前例的成绩，一个值得我们后盾网所有人激动不已的完美答卷。2015年11月份最新统计数据表示，后盾网高薪就业班50期学员全部高薪就业，班级中两名同学薪资17000元（包住），一名同学16000元，最低薪资7000元。50%以上的同学薪资过万！</span>
					</div>
				</div>
				<div class="swiper-slide three">
					<div class="left">
						<span class="name ani" swiper-animate-effect="lightSpeedIn" swiper-animate-duration="1.5s" swiper-animate-delay="0.1s">50期学员 唐付红</span>
						<span class="description ani" swiper-animate-effect="slideInLeft" swiper-animate-duration="1.3s" swiper-animate-delay="0.5s">唐付红同学是来自河北张家口的同学，来后盾参加培训之前从事蔬菜外贸行业，看到互联网行业是势不可挡的大趋势，奋不顾身投身其中，毕业后经后盾网推荐，以17000元/月的高薪成功就业，先工作地为泰国。</span>
					</div>
				</div>
				<div class="swiper-slide three" style="background: url(images/xiangyingyan.jpg) no-repeat; background-size: 100%;">
					<div class="left">
						<span class="name ani" swiper-animate-effect="lightSpeedIn" swiper-animate-duration="1.5s" swiper-animate-delay="0.1s">50期学员 向莹燕</span>
						<span class="description ani" swiper-animate-effect="slideInLeft" swiper-animate-duration="1.3s" swiper-animate-delay="0.5s">唐付红同学是来自河北张家口的同学，来后盾参加培训之前从事蔬菜外贸行业，看到互联网行业是势不可挡的大趋势，奋不顾身投身其中，毕业后经后盾网推荐，以17000元/月的高薪成功就业，先工作地为泰国。</span>
					</div>
				</div>
				
				<div class="swiper-slide three" style="background: url(images/yuyamei.jpg) no-repeat; background-size: 100%;">
					<div class="left">
						<span class="name ani" swiper-animate-effect="lightSpeedIn" swiper-animate-duration="1.5s" swiper-animate-delay="0.1s">50期学员 于亚梅</span>
						<span class="description ani" swiper-animate-effect="slideInLeft" swiper-animate-duration="1.3s" swiper-animate-delay="0.5s">唐付红同学是来自河北张家口的同学，来后盾参加培训之前从事蔬菜外贸行业，看到互联网行业是势不可挡的大趋势，奋不顾身投身其中，毕业后经后盾网推荐，以17000元/月的高薪成功就业，先工作地为泰国。</span>
					</div>
				</div>
				
				<div class="swiper-slide three" style="background: url(images/heshengzai.jpg) no-repeat; background-size: 100%;">
					<div class="left">
						<span class="name ani" swiper-animate-effect="lightSpeedIn" swiper-animate-duration="1.5s" swiper-animate-delay="0.1s">50期学员 何盛再</span>
						<span class="description ani" swiper-animate-effect="slideInLeft" swiper-animate-duration="1.3s" swiper-animate-delay="0.5s">唐付红同学是来自河北张家口的同学，来后盾参加培训之前从事蔬菜外贸行业，看到互联网行业是势不可挡的大趋势，奋不顾身投身其中，毕业后经后盾网推荐，以17000元/月的高薪成功就业，先工作地为泰国。</span>
					</div>
				</div>
				
				<div class="swiper-slide three" style="background: url(images/chenguangen.jpg) no-repeat; background-size: 100%;">
					<div class="left">
						<span class="name ani" swiper-animate-effect="lightSpeedIn" swiper-animate-duration="1.5s" swiper-animate-delay="0.1s">50期学员 陈广恩</span>
						<span class="description ani" swiper-animate-effect="slideInLeft" swiper-animate-duration="1.3s" swiper-animate-delay="0.5s">唐付红同学是来自河北张家口的同学，来后盾参加培训之前从事蔬菜外贸行业，看到互联网行业是势不可挡的大趋势，奋不顾身投身其中，毕业后经后盾网推荐，以17000元/月的高薪成功就业，先工作地为泰国。</span>
					</div>
				</div>
				
				<div class="swiper-slide last" >
					<p class="ani" swiper-animate-effect="bounceInLeft" swiper-animate-duration="1.2s" swiper-animate-delay="0.1s">辉煌六载</p>
					<p class="ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="1.2s" swiper-animate-delay="0.1s">桃李满园</p>
					<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1.5s" swiper-animate-delay="1.3s">作为业界最专业的PHP培训</p>
					<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1.5s" swiper-animate-delay="2s">后盾网始终坚持小班化教学</p>
					<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1.5s" swiper-animate-delay="2.7s">后盾网始终坚持让学员独立完成项目开发</p>
					<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1.5s" swiper-animate-delay="3.4s">后盾网始终坚持顶尖讲师全程亲授</p>
					<p class="ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="1s" swiper-animate-delay="4.1s">我们倾力奉献最顶级课程</p>
					<p class="ani" swiper-animate-effect="bounceInLeft" swiper-animate-duration="1s" swiper-animate-delay="4.1s">只为让你在高薪路上毫不费力</p>
					<p class="ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="1s" swiper-animate-delay="5.5s">www.houdunwang.com</p>
					
				</div>
				
			</div>
			<!-- Add Pagination -->
			<div class="swiper-pagination"></div>
		</div>

		<!--音乐-->
		<div id="music">
			<img src="images/music.gif" class="m" />
			<img src="images/music_off.png" class="off" />
			<audio src="http://kuaixuewang.oss-cn-hangzhou.aliyuncs.com/%E5%BE%AE%E5%9C%BA%E6%99%AF%E7%B4%A0%E6%9D%90%2Fnufangdeshengming-wangfeng.mp3" loop="loop" preload="auto" autoplay="autoplay" class="bgmusic"></audio>
		</div>
		<!--音乐结束-->
		<!-- Swiper JS -->
		<script src="js/swiper.min.js"></script>
		<script src="js/swiper.animate1.0.2.min.js"></script>
		<script src="js/js.js"></script>
	</body>

</html>